<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Example</title>
    <link rel="stylesheet" type="text/css" href="./example.css">
  </head>
  <body>
    <section>
      <h3 id="title">关于 Electron</h3>
      <p>
        Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。
      </p> 
      <p>
        Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。
      </p>
      <p>
        Electron于2013年作为构建Github上可编程的文本编辑器Atom的框架而被开发出来。这两个项目在2014春季开源。
      </p>
      <p>
        目前它已成为开源开发者、初创企业和老牌公司常用的开发工具。
      </p>

      <h3>长期支持</h3>
      <p>
        当前并不存在对Electron旧版本的长期支持
      </p>
      <p>
        如果现在你使用的Electron版本跑得不错，你就可以一直使用这个版本。 
      </p>
      <p>
        如果你想使用新发布的特性，那就升级到更新的版本。 
      </p>
      <p>
        版本v1.0.0发布了重大的更新。 如果你现在没有在用这个版本，你应该了解更多关于v1.0.0的改变。 
      </p>

      <h3>核心理念</h3>
      <p>
        为了保持Electron的小巧 (文件体积) 和可持续性开发 (以防依赖库和API的泛滥) ，Electron限制了所使用的核心项目的数量。
      </p>
      <p>
        比如Electron只用了Chromium的渲染库而不是其全部组件。 
      </p>
      <p>
        这使得升级Chromium更加容易，但也意味着Electron缺少了Google Chrome里的一些浏览器相关的特性
      </p>
      <p>
        添加到Electron的新功能应该主要是原生 API。 如果可以的话，一个功能应该尽可能的成为一个Node.js模块。
      </p>
    </section>
    <footer>
      <button onclick="onChange()">Change Content</button>
    </footer>
    <script src="example.js"></script>
  </body>
</html>
